<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>云任务系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" type="text/css" href="css/cloud-admin.css" >
	<link rel="stylesheet" type="text/css"  href="css/themes/default.css" id="skin-switcher" >
	<link rel="stylesheet" type="text/css"  href="css/responsive.css" >
	<!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- ANIMATE -->
	<link rel="stylesheet" type="text/css" href="css/animatecss/animate.min.css" />
	<!-- DATE RANGE PICKER -->
	<link rel="stylesheet" type="text/css" href="js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
	<!-- TODO -->
	<link rel="stylesheet" type="text/css" href="js/jquery-todo/css/styles.css" />
	<!-- FULL CALENDAR -->
	<link rel="stylesheet" type="text/css" href="js/fullcalendar/fullcalendar.min.css" />
	<!-- JQUERY UI-->
	<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
	<!-- DATE RANGE PICKER -->
	<!-- DATA TABLES -->
	<link rel="stylesheet" type="text/css" href="js/datatables/media/css/jquery.dataTables.min.css" />
	<link rel="stylesheet" type="text/css" href="js/datatables/media/assets/css/datatables.min.css" />
	<link rel="stylesheet" type="text/css" href="js/datatables/extras/TableTools/media/css/TableTools.min.css" />
	<!-- FONTS -->
	<!-- Placed at the end of the document so the pages load faster -->
	<!-- JQUERY -->
	<script src="js/jquery/jquery-2.0.3.min.js"></script>
	<!-- JQUERY UI-->
	<script src="js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- BOOTSTRAP -->
	<script src="bootstrap-dist/js/bootstrap.min.js"></script>


	<!-- DATE RANGE PICKER -->
	<script src="js/bootstrap-daterangepicker/moment.min.js"></script>

	<script src="js/bootstrap-daterangepicker/daterangepicker.min.js"></script>
	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script><script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
	<!-- SPARKLINES -->
	<script type="text/javascript" src="js/sparklines/jquery.sparkline.min.js"></script>
	<!-- EASY PIE CHART -->
	<script src="js/jquery-easing/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/easypiechart/jquery.easypiechart.min.js"></script>
	<!-- FLOT CHARTS -->
	<script src="js/flot/jquery.flot.min.js"></script>
	<script src="js/flot/jquery.flot.time.min.js"></script>
	<script src="js/flot/jquery.flot.selection.min.js"></script>
	<script src="js/flot/jquery.flot.resize.min.js"></script>
	<script src="js/flot/jquery.flot.pie.min.js"></script>
	<script src="js/flot/jquery.flot.stack.min.js"></script>
	<script src="js/flot/jquery.flot.crosshair.min.js"></script>
	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script><script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
	<!-- DATA TABLES -->
	<script type="text/javascript" src="js/datatables/media/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="js/datatables/media/assets/js/datatables.min.js"></script>
	<script type="text/javascript" src="js/datatables/extras/TableTools/media/js/TableTools.min.js"></script>
	<script type="text/javascript" src="js/datatables/extras/TableTools/media/js/ZeroClipboard.min.js"></script>
	<!-- TODO -->
	<script type="text/javascript" src="js/jquery-todo/js/paddystodolist.js"></script>
	<!-- TIMEAGO -->
	<script type="text/javascript" src="js/timeago/jquery.timeago.min.js"></script>
	<!-- COOKIE -->
	<script type="text/javascript" src="js/jQuery-Cookie/jquery.cookie.min.js"></script>
	<!-- GRITTER -->
	<script type="text/javascript" src="js/gritter/js/jquery.gritter.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="js/script.js"></script>
	<script src="scriptjs/log_mgt_admin.js"></script>
</head>
<!-- JAVASCRIPTS-->
<!-- /JAVASCRIPTS -->
<body id="bodyid">
<!-- HEADER -->
<header class="navbar clearfix" id="header">
	<div class="container">
		<div class="navbar-brand">
			<!-- COMPANY LOGO -->
			<a href="index.html">
				<img src="img/logo/logo.png" alt="Cloud Admin Logo" class="img-responsive" height="30" width="120">
			</a>
			<!-- /COMPANY LOGO -->
			<!-- TEAM STATUS FOR MOBILE -->
			<div class="visible-xs">
				<a href="#" class="team-status-toggle switcher btn dropdown-toggle">
					<i class="fa fa-users"></i>
				</a>
			</div>
			<!-- /TEAM STATUS FOR MOBILE -->
			<!-- SIDEBAR COLLAPSE -->
			<div id="sidebar-collapse" class="sidebar-collapse btn">
				<i class="fa fa-bars"
				   data-icon1="fa fa-bars"
				   data-icon2="fa fa-bars" ></i>
			</div>
			<!-- /SIDEBAR COLLAPSE -->
		</div>
		<!-- BEGIN TOP NAVIGATION MENU -->
		<ul class="nav navbar-nav pull-right" style="min-width:30px;">
			<!-- BEGIN USER LOGIN DROPDOWN -->
			<li class="dropdown user" id="header-user">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<img alt="" src="img/avatars/avatar9.jpg" />
					<span class="username">王阿星</span>
					<i class="fa fa-angle-down"></i>
				</a>
				<ul class="dropdown-menu">
					<!--<li><a href="#"><i class="fa fa-user"></i> My Profile</a></li>-->
					<li><a  id="langli" ><i class="fa fa-cog"></i> 更换语言</a></li>
					<!--<li><a href=""><i class="fa fa-eye"></i> Privacy Settings</a></li>-->
					<li><a id="logout_id" href="/api/user/logout"><i class="fa fa-power-off"></i>注销</a></li>
				</ul>
			</li>
			<!-- END USER LOGIN DROPDOWN -->
		</ul>
		<!-- NAVBAR LEFT -->
		<ul class="nav navbar-nav pull-right hidden-xs" id="navbar-left" style="min-width: 0px;">
			<li class="dropdown" >
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<i class="fa fa-cog"></i>
					<span class="name" id="Skins_id">皮肤</span>
					<i class="fa fa-angle-down"></i>
				</a>
				<ul class="dropdown-menu skins">
					<li class="dropdown-title">
						<span><i class="fa fa-leaf"></i> Theme Skins</span>
					</li>
					<li><a href="#" data-skin="default">Subtle (default)</a></li>
					<li><a href="#" data-skin="night">Night</a></li>
					<li><a href="#" data-skin="earth">nEarth</a></li>
					<li><a href="#" data-skin="utopia">Utopia</a></li>
					<li><a href="#" data-skin="nature">Nature</a></li>
					<li><a href="#" data-skin="graphite">Graphite</a></li>
				</ul>
			</li>

		</ul>
		<!-- /NAVBAR LEFT -->
		<!-- END TOP NAVIGATION MENU -->
	</div>
</header>
<!--/HEADER -->
<!-- PAGE -->
<section id="page">
	<!-- SIDEBAR -->
	<div id="sidebar" class="sidebar">
		<div class="sidebar-menu nav-collapse">
			<div class="divide-20"></div>

			<!-- SIDEBAR MENU -->
			<ul>
				<li class="">
					<a href="user_mgt_admin.html" >
						<i class="fa fa-users" style="margin-right:11px;"></i> <span class="menu-text" id="user_mangid"> 用户管理</span>
						<span class="selected"></span>
					</a>
				</li>
				<li class="">
					<a href="task_mgt_admin.html">
						<i class="fa fa-tachometer fa-fw" ></i> <span class="menu-text" id="task_mangid">任务管理</span>
						<span class="selected"></span>
					</a>
				</li>
				<li class="active">
					<a href="log_mgt_admin.html">
						<i class="fa fa-book" style="margin-right:11px;"></i> <span class="menu-text" id="log_mangid"> 日志管理</span>
						<span class="selected"></span>
					</a>
				</li>
			</ul>
			<!-- /SIDEBAR MENU -->
		</div>
	</div>
	<!-- /SIDEBAR -->
	<div id="main-content">
		<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
		<div class="modal fade" id="box-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">Box Settings</h4>
					</div>
					<div class="modal-body">
						Here goes box setting content.
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Save changes</button>
					</div>
				</div>
			</div>
		</div>
		<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
		<div class="container">
			<div class="row">
				<div id="content" class="col-lg-12">
					<!-- PAGE HEADER-->
					<div class="row">
						<div class="col-sm-12">
							<div class="page-header">
								<!-- BREADCRUMBS -->
								<ul class="breadcrumb">
									<li>
										<i class="fa fa-home"></i>
										<a href="user_mgt_admin.html" id="home_id">主页</a>
									</li>
								</ul>
								<!-- /BREADCRUMBS -->
								<div class="clearfix">
									<h3 class="content-title pull-left" id="Dashboard_h3">日志管理</h3>
								</div>
							</div>
						</div>
					</div>
					<!-- /PAGE HEADER -->
					<!-- DATE PICKER -->
					<div class="box border blue">
						<!--<div class="box-title">-->
						<!--<h4><i class="fa fa-calendar"></i>Date & Time Picker</h4>-->

						<!--<a href="javascript:;" class="reload">-->
						<!--<i class="fa fa-refresh"></i>-->
						<!--</a>-->
						<!--</div>-->
					</div>
					<div class="box-body">
						<form class="form-horizontal " action="#">
							<div class="form-group">
								<label class="col-md-4 control-label" style="font-size: large;">选择开始和结束时间</label>
								<div class="col-md-3">
									<input  class="form-control datepicker" id="timeForStart" onchange="changeTimeForStart()" type="text" name="regular" size="10">
								</div>
								<div class="col-md-3">
									<input  class="form-control datepicker" id="timeForEnd" onchange="changeTimeForEnd()" type="text" name="regular" size="10">
								</div>
							</div>
						</form>
					</div>
					<!-- /DATE PICKER -->
					<!-- DASHBOARD CONTENT -->
					<div class="row">
						<!-- COLUMN 1 -->
						<!-- EXPORT TABLES -->
						<div class="row">
							<div class="col-md-12">
								<!-- BOX -->
								<div class="box border purple">
									<div class="box-title">
										<i class="fa fa-table"></i><h4 id="CPCEP_id"> 日志列表</h4>
										<div class="tools hidden-xs">
											<!--<a href="javascript:;" class="reload">-->
												<!--<i class="fa fa-refresh"></i>-->
											<!--</a>-->
										</div>
									</div>
									<div class="box-body">
										<table id="datatableForLog" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
											<thead>
											<tr>
												<th id="number_id"style="min-width: 60px;">编号</th>
												<th id="date_id" style="min-width: 80px;">日期</th>
												<th class="center" id="task_logs_id">查看任务日志</th>
												<th class="center" id="node_logs_id">查看节点日志</th>
											</tr>
											</thead>
											<tbody id="tbodyfordatatableLog">
											</tbody>
										</table>
									</div>
								</div>
								<!-- /BOX -->
							</div>
						</div>
						<div class="modal fade" id="table-modal-showlog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-dialog">
								<div class="modal-content modal-table">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h4 class="modal-title" id="log_text">XXX日志</h4>
									</div>
									<div class="modal-body" style="margin-left: 2%;margin-right: 2%;">
										<table id="datatableforloglist" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
											<thead>
											<tr>
												<th id="operate_time">操作时间</th>
												<th id="operate_people">操作人</th>
												<th class="center" id="node_id">节点id</th>
												<!--<th class="center" id="node_log_id">查看节点日志</th>-->
											</tr>
											</thead>
											<tbody id="tbodyforloglist">

											</tbody>
										</table>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-success" data-dismiss="modal" id="Sure_id">确定</button>
									</div>
								</div>
							</div>
						</div>
						<!-- COLUMN 2 -->
						<div class="col-md-6" style="visibility:hidden;">
							<div class="box solid grey">
								<div class="box-title">
									<div class="tools">
									</div>
								</div>
								<div class="box-body">
									<div id="chart-revenue" style="height:240px"></div>
								</div>
							</div>
						</div>
						<!-- /COLUMN 2 -->
					</div>
					<!-- /DASHBOARD CONTENT -->
					<!-- HERO GRAPH -->
					<div class="row" style="visibility:hidden;">
						<div class="col-md-12">
							<!-- BOX -->
							<div class="box border green">
								<div class="box-body">
									<div class="tabbable header-tabs">
										<div class="tab-content">
											<div class="tab-pane fade in active" id="box_tab1">
												<!-- TAB 1 -->
												<div id="chart-dash" class="chart"></div>
												<!-- /TAB 1 -->
											</div>
											<div class="tab-pane fade" id="box_tab2">
												<div class="row">
													<div class="col-md-8">
														<div class="demo-container">
															<div id="placeholder" class="demo-placeholder"></div>
														</div>
													</div>
													<div class="col-md-4">
														<div class="demo-container" style="height:100px;">
															<div id="overview" class="demo-placeholder"></div>
														</div>
														<div class="well well-bottom">
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- /BOX -->
						</div>
					</div>
					<!-- /HERO GRAPH -->
					<!-- NEW ORDERS & STATISTICS -->
					<div class="row">
						<!-- /NEW ORDERS & STATISTICS -->
						<div class="row">
							<div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
							</div>
						</div><!-- /CONTENT-->
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!--/PAGE -->
</body>

</html>
